import React, {Component} from 'react'
import {
    StyleSheet, Text,
    View, Dimensions, Image
} from 'react-native'
let {height, width} = Dimensions.get('window');
export default class ShopListpage extends Component {
    constructor(props) {
        super(props)
        this.state = {}
    }

    render() {
        let {itemData} = this.props;
        return (
            <View style={styles.outview}>
                <Image source={{uri: itemData.img}} style={styles.imageviewstyle}/>
                <View>
                    <Text style={styles.titleviewstyle}>
                        {itemData.name}
                    </Text>
                    <Text style={styles.contentviewstyle}>
                        {itemData.content}
                    </Text>
                    <Text style={styles.priceviewstyle}>
                        {itemData.price}元
                    </Text>
                </View>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    outview: {
        width: width,
        height: 90,
        backgroundColor: '#fff',
        flexDirection: 'row',
        padding: 5
    },
    imageviewstyle: {
        width: 70,
        height: 70,
        borderRadius: 10,
        marginLeft: 10,
        marginRight: 20
    },
    titleviewstyle: {
        color: '#000',
    },
    contentviewstyle: {
        color: '#A8A8A8',
        marginTop: 9,
    },
    priceviewstyle: {
        color: '#00C7B5',
        marginTop: 7
    }
});
module.exports = ShopListpage